::-webkit-scrollbar {width: .5rem;height: .625rem;}
::-webkit-scrollbar-thumb {background-color: #249ffd;border-radius: 2em;background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);}
.page{min-height: 100vh;background-color: #050517;}

.left-section{color: #fff;}
.logo{font-size: 48px;margin-bottom: 24px;}
.left-links a{background-color: transparent;color: #fff;}
.left-links a:focus,
.left-links a:hover{background-color: transparent;}
.types{border-bottom: 1px solid #24233f;border-radius: 0;}
.types .list-group-item{background-color: transparent;border-radius: 5px;border: 0;}
.types .list-group-item.active{background-color: rgba(63, 96, 197, .5);}

.right-section{position: relative;box-sizing: border-box;height: calc( 100vh - 48px );margin: 24px;border-radius: 8px;overflow-y: auto;padding: 48px;}
.right-section:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;filter:blur(20px);}
.header{height: 50px;margin-bottom: 48px;}
.addBtn{position: absolute;right: 48px;bottom: 48px;width: 48px;height: 48px;line-height: 38px;text-align: center;border-radius: 50%;background-color: #3f60c5;
color: #fff;font-size: 40px;cursor: pointer;}
.bookmark{margin-bottom: 24px;background-color: rgba( 0,0,0, .5);border-radius: 5px;}
.bookmark-logo{width: 60px;height: 60px;max-width: initial;}
.bookmark .title{font-size: 20px;color: #fff;}
.bookmark .introduce{font-size: 14px;color: #d3d3d4;}
.bookmark .tools{text-align: right;}
.bookmark .tools button + button{margin-left: 10px;}

.logout{color: #fff;margin-left: 24px;cursor: pointer;;}